<?php 
namespace Home\Controller;
use Think\Controller;
/*
	上传图片工具类
*/
class UploadController extends Controller {
	
	/**
	 * 上传图片工具
	 * @param string $jq_id 绑定元素事件
	 * @param string $jq_upload 图片元素
	 * @param string $js    用于执行的js
	 * @param string $max   压缩宽度
	 * @param bool   $plan  进度条显示
	 * 
	 */
	public function upload_tool($jq_id,$jq_upload,$plan = true,$js="",$max='600'){
		$upload_url = U("Home/Index/upload_picture"); //上传地址
		$domain     = $_SERVER['HTTP_HOST']; //域名
		$upload_size = C("upload_size");
	
		echo <<<EOT
			 <style>
			 .progress{position:relative; margin-top:45px;width:200px;padding: 1px; border-radius:3px; display:block}
			 .bar {background-color: green; display:block; width:0%; height:20px;border-radius:3px; }
			 </style>
			 	<!-- 加载图 -->
				<div id="zxloading">
					<div id="loadtext">
						<h1>
							<img src="/Public/img/loading4.gif">
						</h1>
						<p>
							加载中，请稍候…
						</p>
					</div>
				</div>
			 <script>
				$(function (){
					$('#{$jq_id}').attr('onclick','btn_click()');
					$('#{$jq_id}').after('<input type="file" name="picture" id="file" onchange="btn_submit(this)" style="display:none">');
				});
				
				function btn_click(){
					$('#file').click();
				}
				//提交图片
				function btn_submit(obj){
						var file = $(obj).get(0).files[0]; //选择上传的文件
                    
		                var r = new FileReader();
		                
		                r.readAsDataURL(file); //Base64

		                $(r).load(function(){
		                    // 判断是否图片  
		                    if(!file){ 
		                        layer.open({
		                            content:'不是图片',
		                        }); 
		                        return ;  
		                    } 

		                    //限制图片格式
		                    if(!(file.type.indexOf('image')==0 && file.type && /\.(?:jpeg|jpg|png|gif)$/.test(file.name)) ){  
		                        layer.open({
		                            content:'图片只能是jpg,gif,png',
		                        });
		                        return ;  
		                    }

		                    //限制大小
		                    var upload_size = "{$upload_size}";

		                    if(file.size > upload_size){
		                        layer.open({
		                            content:'超出上传图片大小标准',
		                        });
		                        return ; 
		                    }

		                    //load图
		                    $.ajax({
		                        url:'{$upload_url}',
		                        data:{img: this.result,img_type:file.type,img_size:file.size},
		                        type:"post",
		                        beforeSend:function(){
		                            //开始提交
		                            $("#zxloading").show();
		                        },
		                        complete:function(){
		                            //完成提交
		                            $("#zxloading").hide();
		                            $("#img").hide();
		                            $("#library").val('0');
		                            $(".layermmain").hide();
		                            $(".laymshade").hide();
		                        },
		                        success:function(ret){
		                             $("#show_img").attr("src",ret);
									 $('#upload').val(ret);
									 {$js}

		                             //同张图片上传多次，就要清空Input框，从新触发Onchang事件
		                             $("#uploadImg").val(null); 
		                        },
		                    });  
		           
		                });				
				}
			 </script>
			
EOT;
		
		
	}
	
}
